<template>
    <div class="box">
        <div class="boxImg">
            <img src="https://img.zaozuo.com/fd3cd11e287d28ca713d5dfb1ba22a5d" alt="">
        </div>
        <ul>
            <li>
                <img src="https://img.zaozuo.com/fd3cd11e287d28ca713d5dfb1ba22a5d" alt="">
            </li>
            <li>
                <img src="https://img.zaozuo.com/fd3cd11e287d28ca713d5dfb1ba22a5d" alt="">
            </li>
            <li>
                <img src="https://img.zaozuo.com/fd3cd11e287d28ca713d5dfb1ba22a5d" alt="">
            </li>
            <li>
                <img src="https://img.zaozuo.com/fd3cd11e287d28ca713d5dfb1ba22a5d" alt="">
            </li>
        </ul>
        <ProdSpecification></ProdSpecification>
    </div>
</template>

<script>
    import ProdSpecification from './ProdSpecification'
    export default {
        name: "prodParameter",
        data(){
            return{
                active:0,
            }
        },
        components: {
            ProdSpecification,
        },

        methods:{

        }

    }
</script>

<style scoped>
.box{
    width: 100%;
}
.boxImg img{
    width: 750px;
}
.box ul{
    overflow: hidden;
}
.box ul li{
    width: 180px;
    height: 180px;

    float: left;
    position: relative;
}
    .box ul li img{
        display: block;
        width: 150px;
        height: 150px;
        border: 1px solid #9e9e9e;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -75px 0 0 -75px;
    }
</style>